<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" type="text/css" href="../frozen/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="../css/default.css">
    <title>火堆</title>
    <link rel="stylesheet" type="text/css" href="../css/donate_list_2.0.css">
</head>

<body> 

    <section class="ui-container">
        <div class="ui-line ui-border-b">
            <p>感谢<em>20</em>位爱心传播者和 <em>50</em> 位爱心伙伴</p>
        </div>
        <ul class="ui-list ui-border-b sf style1 ">
            <li class="ui-border-t">
                <div class="date">11-19 80:90</div>
                <div class="ui-box">
                    <div class="ui-avatar ui-avatar-spring">
                        <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">谁</h4>
                        <p class="ui-nowrap">支持了<em>22</em>元</p>
                    </div>
                </div>
                <div class="ui-box">
                    <p>爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！爱！让梦飞翔！</p>
                </div>
            </li>
        </ul>
        <div class="ui-line more">
            <p>查看更多</p>
        </div>
        <div class="banner-wrap">
            <div class="txt-bottom"><a>了解火堆</a><a href>关注火堆</a><img src="../images/ic-qrcode.png" alt=""></div>
            <img class="img-bottom" src="../images/logo_and_txt.png" alt="" class="ui-introduction">
        </div>
    </section>
    <script src="../frozen/lib/zeptojs/zepto.min.js"></script>
    <script src="../frozen/js/frozen.js"></script>
    <script>
    $('.btn-detail').on('click', function() {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active').parent('.btn-container').siblings('.detail').removeClass('active');
        } else {
            $(this).addClass('active').parent('.btn-container').siblings('.detail').addClass('active');
        }


    });
    $('.ui-tiled.ui-nav li').on('click', function() {
        console.log('sadasd')
        $(this).addClass('active').siblings().removeClass('active').parent('ul')
            .siblings('.content')
            .children('ul').children('li')
            .eq($(this).index())
            .addClass('active').siblings()
            .removeClass('active');
    });
    $('.ui-tiled.ui-nav li a').on('click', function(e) {
        e.preventDefault();
    })
    </script>
</body>

</html>
